{% extends "personal_center/user-base.html" %}
{% block page_link %}
    <script src="../../static/personal_center/js/approve.js"></script>
{% endblock %}


{% block page_search %}

{% endblock %}


{% block page_body %}
    <div class="container-fluid" style="height: 95%;">

        <div class="iq-card" style="height: 100%;">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">OA审批</h4>
                </div>
            </div>
            <div class="iq-card-body" style="height: 100%;">
                <ul class="nav nav-tabs" id="myTab-three" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="all-tab-three" data-toggle="tab" href="#all-home"
                           role="tab" aria-controls="all" aria-selected="true">全部</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="home-tab-three" data-toggle="tab" href="#home-three"
                           role="tab" aria-controls="home" aria-selected="true">我的</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab-three" data-toggle="tab" href="#profile-three"
                           role="tab" aria-controls="profile" aria-selected="false">待处理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="contact-tab-three" data-toggle="tab" href="#contact-three"
                           role="tab" aria-controls="contact" aria-selected="false">已处理</a>
                    </li>
                </ul>

                <div class="tab-content" id="myTabContent-4" style="height: 85%;">
                    <div class="tab-pane fade show active" id="all-home" role="tabpanel"
                         aria-labelledby="all-tab-three" style="height: 83%;overflow: auto;">
                        <div>
                            <p>
                            <p style="color: #0b0b0b;">出勤休假<span style="color: #DCDCDC;"> ( 2 )</span></p>
                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    data-toggle="modal" data-target="#exampleModalScrollable">
                                <i class="iconfont icon-qingjia"></i>请假
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="exampleModalScrollableTitle">请假</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <lable>提交人</lable>
                                            <p id="handed-in">xxx</p>
                                            <div class="form-group" style="color: #0f1317;">
                                                <lable><span style="color: red;">*</span> 请假类型</lable>
                                                <select class="form-control" id="exampleFormControlSelect1"
                                                        style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>事假</option>
                                                    <option>调休</option>
                                                    <option>病假</option>
                                                    <option>年假</option>
                                                    <option>产假</option>
                                                    <option>陪产假</option>
                                                    <option>婚假</option>
                                                    <option>例假</option>
                                                    <option>丧假</option>
                                                    <option>哺乳假</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 开始时间</label>
                                                <input type="datetime-local" class="form-control"
                                                       id="start-datetimepicker">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 结束时间</label>
                                                <input type="datetime-local" class="form-control"
                                                       id="end-datetimepicker">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 请假时长</label>
                                                <input type="text" class="form-control" id="duration"
                                                       placeholder="请输入时长">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>请假事由</label>
                                                <textarea class="form-control" id="reason-for-leave"
                                                          rows="3" placeholder="请输入请假事由"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%"
                                    data-toggle="modal" data-target="#exampleModalScrollable-4">
                                <i class="iconfont icon-chuchai"></i>出差
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-4" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="exampleModalScrollableTitle">出差</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label><span style="color: red;">*</span> 出差事由：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="modal fade" id="exampleModalScrollable-2" tabindex="-1"
                                                 role="dialog"
                                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h3 class="modal-title" id="Apply-hills">物品领用</h3>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="form-group" style="color: #0f1317;">
                                                                <label>物品用途：</label>
                                                                <input type="text" class="form-control"
                                                                       placeholder="如：日常办公">
                                                            </div>

                                                            <div class="form-group"
                                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                                            <div><h5>物品明细</h5></div>

                                                            <div class="form-group" style="color: #0f1317;">
                                                                <label>物品名称：</label>
                                                                <input type="text" class="form-control"
                                                                       placeholder="请输入">
                                                            </div>

                                                            <div class="form-group" style="color: #0f1317;">
                                                                <label>物品数量：</label>
                                                                <input type="text" class="form-control"
                                                                       placeholder="请输入">
                                                            </div>

                                                            <div class="form-group" style="margin-top: 2%;">
                                                                <label>领用详情：</label>
                                                                <textarea name="" id="Recipients-details" cols="63"
                                                                          rows="3"></textarea>
                                                            </div>

                                                            <div class="form-group"
                                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                                            <div class="form-group" style="margin-top: 2%;">
                                                                <label><h4>流程</h4></label>
                                                            </div>

                                                            <div class="form-group" style="margin-top: 2%;">
                                                                <ul class="iq-timeline">
                                                                    <li>
                                                                        <div class="timeline-dots"></div>
                                                                        <h6 class="float-left mb-1">审批人</h6>
                                                                        <small class="float-right mt-1"><i
                                                                                class="iconfont icon-tianjia"></i></small>
                                                                        <div class="d-inline-block w-100">
                                                                            <p>请选择审批人</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="timeline-dots border-success"></div>
                                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                                        <small class="float-right mt-1"><i
                                                                                class="iconfont icon-tianjia"></i></small>
                                                                        <div class="d-inline-block w-100">
                                                                            <p>请选择抄送人</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-primary"
                                                                    data-dismiss="modal">发送
                                                            </button>
                                                            <button type="button" class="btn btn-secondary">取消
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div><h5>行程</h5></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 交通工具：</label>
                                                <select class="form-control" style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>飞机</option>
                                                    <option>火车</option>
                                                    <option>汽车</option>
                                                    <option>其他</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 单程往返：</label>
                                                <select class="form-control" style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>单程</option>
                                                    <option>往返</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label><span style="color: red;">*</span> 出发城市：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label><span style="color: red;">*</span> 目的城市：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 开始时间：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 结束时间：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 时长（天）</label>
                                                <input type="text" class="form-control" placeholder="自动计算">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>出差备注：</label>
                                                <textarea class="form-control" id="Travel-note" cols="63" rows="3"
                                                          placeholder="请输入具体的出差备注"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </p>
                            <div style="border: #E8E8E8 solid 0.1px;width: 100%;"></div>

                            <p>
                            <p style="color: #0b0b0b;">财务<span style="color: #DCDCDC;"> ( 2 )</span></p>
                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    data-toggle="modal" data-target="#exampleModalScrollable1">
                                <i class="iconfont icon-baoxiao"></i>报销
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable1" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="expense">报销</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <lable>提交人</lable>
                                            <p id="commit">xxx</p>
                                            <div class="form-group" style="color: #0f1317;">
                                                <lable>报销金额（元）</lable>
                                                <input type="text" class="form-control" id="reimbursement-amount"
                                                       placeholder="请输入金额">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>报销类别</label>
                                                <input type="text" class="form-control"
                                                       id="reimbursement-categories" placeholder="如：采购经费、活动经费">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>费用明细</label>
                                                <textarea class="form-control" id="exampleFormControlTextarea1"
                                                          rows="2" placeholder="请输入费用明细描述"></textarea>
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>上传发票</label></br>
                                                <input type="file" id="upload-invoice">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 收款账户</label>
                                                <input type="text" class="form-control" id="account-credited"
                                                       placeholder="请输入收款账号">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable-12">
                                <i class="iconfont icon-icon-payment"></i>付款申请
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-12"
                                 tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">付款申请</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>付款事由：</label>
                                                <textarea class="form-control" name="" id="pay-why"
                                                          cols="63" rows="3"></textarea>
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>付款总额：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>支付日期：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>支付对象：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">* </span>收款账号：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </p>
                            <div style="border: #E8E8E8 solid 0.1px;width: 100%;"></div>

                            <p>
                            <p style="color: #0b0b0b;">行政<span style="color: #DCDCDC;"> ( 5 )</span></p>
                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    data-toggle="modal" data-target="#exampleModalScrollable1-1">
                                <i class="iconfont icon-drxx82"></i>用车申请
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable1-1"
                                 tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="expense">用车申请</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>申请部门：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>用车事由：</label>
                                                <textarea class="form-control" name="" id="made-up" cols="63"
                                                          rows="3"></textarea>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>始发地点：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>返回地点：</label></br>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>用车日期：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>还车日期：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label><h5>车辆明细</h5></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>车辆类型：</label>
                                                <input type="date" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>数量（辆）：</label>
                                                <input type="date" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 4%;">
                                                <label>其他要求：</label>
                                                <input type="date" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>备注：</label>
                                                <textarea class="form-control" name="" id="made-up" cols="63"
                                                          rows="3"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable-10">
                                <i class="iconfont icon-wupinlingyong"></i>物品领用
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-10"
                                 tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">物品领用</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>物品用途：</label>
                                                <input type="text" class="form-control" placeholder="如：日常办公">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div><h5>物品明细</h5></div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>物品名称：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>物品数量：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>领用详情：</label>
                                                <textarea class="form-control" name="" id="Recipients-details"
                                                          cols="63" rows="3"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable-3">
                                <i class="iconfont icon-yongzhangshenqing"></i>用印申请
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-3" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">用印申请</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>用印部门：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>经办人：</label>
                                                <input type="text" class="form-control" placeholder="请输入经办人">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>日期：</label>
                                                <input type="date" class="form-control">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label><span style="color: red;">* </span>用印文件名称：</label>
                                                <input type="text" class="form-control" placeholder="请输入用印文件名称">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>文件份数：</label>
                                                <input type="text" class="form-control" placeholder="请输入文件份数">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>文件份数：</label>
                                                <input type="text" class="form-control" placeholder="请输入文件份数">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>文件类别：</label>
                                                <select class="form-control" style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>公告类</option>
                                                    <option>规章制度类</option>
                                                    <option>合同类</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>加盖何种印章：</label>
                                                <select class="form-control" style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>公章</option>
                                                    <option>合同章</option>
                                                    <option>法人章</option>
                                                    <option>其他</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>备注：</label>
                                                <textarea class="form-control" name="" id="Recipients-details"
                                                          cols="63" rows="3"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable-6">
                                <i class="iconfont icon-gongwujiedai"></i>公务接待
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-6" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">公务接待</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>申请人：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #6B8E23 dashed 0.5px;"></div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>来访单位：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>主要来宾姓名：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>主要来宾职务：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>随员人数：</label>
                                                <input type="text" class="form-control" placeholder="请输入">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>接待事由：</label>
                                                <textarea class="form-control" name="" id="Visit-is-by"
                                                          cols="63" rows="3"></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #6B8E23 dashed 0.5px;"></div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>主要陪同人员：</label>
                                                <input type="text" class="form-control" placeholder="主要陪同人员">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>陪同人数：</label>
                                                <input type="text" class="form-control" placeholder="陪同人数">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>接待内容：</label>
                                                <input type="text" class="form-control" placeholder="接待内容">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>接待标准：</label>
                                                <input type="text" class="form-control" placeholder="接待标准">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>接待时间：</label>
                                                <input type="datetime-local" class="form-control">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>接待地点：</label>
                                                <input type="text" class="form-control" placeholder="接待地点">
                                            </div>


                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #6B8E23 dashed 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable-8">
                                <i class="iconfont icon-huiyiyititibao"></i>会议议题
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable-8" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">会议议题</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-group" style="color: #0f1317;">
                                                <label>会议名称：</label>
                                                <input type="text" class="form-control" placeholder="请输入会议名称">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>议题名称：</label>
                                                <input type="text" class="form-control" placeholder="请输入议题名称">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>提请科室：</label>
                                                <input type="text" class="form-control" placeholder="请输入提请科室">
                                            </div>

                                            <div class="form-group" style="color: #0f1317;">
                                                <label>负责人：</label>
                                                <input type="text" class="form-control" placeholder="请输入负责人">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #6B8E23 dashed 0.5px;"></div>

                                            <div>
                                                <h4>议题内容</h4>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>内容摘要：</label>
                                                <textarea class="form-control" name="" id="Issue-points"
                                                          cols="63" rows="4"></textarea>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label for="exampleFormControlFile1">选择附件：</label>
                                                <input type="file" class="form-control-file"
                                                       id="exampleFormControlFile1">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #6B8E23 dashed 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            </p>

                            <div style="border: #E8E8E8 solid 0.1px;width: 100%;"></div>
                            <p>
                            <p style="color: #0b0b0b;">其他<span style="color: #DCDCDC;"> ( 3 )</span></p>
                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    data-toggle="modal" data-target="#exampleModalScrollable2">
                                <i class="iconfont icon-huanban"></i>换班
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable2" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="change-shifts">换班</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <lable>申请人</lable>
                                            <p id="proposer">xxx</p>
                                            <div class="form-group" style="color: #0f1317;">
                                                <lable><span style="color: red;">*</span> 替班人</lable>
                                                <input type="text" class="form-control" id="substitute-person"
                                                       placeholder="请输入替班人">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 换班日期</label>
                                                <input type="date" class="form-control" id="Shift-date">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>还班日期</label>
                                                <input type="date" class="form-control" id="Also-class-date">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>换班原因</label>
                                                <input type="text" class="form-control" id="Shift-reason"
                                                       placeholder="请输入换班原因">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable3">
                                <i class="iconfont icon-tiaogang"></i>调岗申请单
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable3" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="Apply-hills">调岗申请</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <lable>提交人</lable>
                                            <p id="submit-event-table">xxx</p>
                                            <div class="form-group" style="color: #0f1317;">
                                                <lable>入职日期</lable>
                                                <input type="text" class="form-control" id="date-enrollment"
                                                       placeholder="2018-05-23" disabled>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>原科室</label>
                                                <input type="text" class="form-control" id="original-department"
                                                       placeholder="胸外科" disabled>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>原职位</label>
                                                <input type="text" class="form-control" id="original-position"
                                                       placeholder="主任" disabled>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 转入科室</label>
                                                <input type="text" class="form-control" id="Transferred-department"
                                                       placeholder="请输入想要转入的科室">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 转入职位</label>
                                                <input type="text" class="form-control" id="Into-position"
                                                       placeholder="请输入转入职位">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 生效日期</label>
                                                <input type="date" class="form-control" id="effective-date">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>调岗原因</label>
                                                <input type="text" class="form-control" id="Adjustable-duty-reasons"
                                                       placeholder="请输入调岗原因">
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button type="button" class="btn btn-outline-primary rounded-pill mb-3"
                                    style="margin-left: 3%" data-toggle="modal"
                                    data-target="#exampleModalScrollable4">
                                <i class="iconfont icon-lizhi"></i>离职申请单
                            </button>
                            <div style="margin-left: 7%;" class="modal fade" id="exampleModalScrollable4" tabindex="-1"
                                 role="dialog"
                                 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="exampleModalScrollableTitle1">离职申请</h3>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <lable>提交人</lable>
                                            <p id="submitter">xxx</p>
                                            <div class="form-group" style="color: #0f1317;">
                                                <lable>入职日期</lable>
                                                <input type="text" class="form-control" id="date-board"
                                                       placeholder="2018-05-23" disabled>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 最后工作日</label>
                                                <input type="date" class="form-control" id="last-working-day">
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><span style="color: red;">*</span> 离职原因</label>
                                                <select class="form-control" id="reason-leave"
                                                        style="margin-top: 1%">
                                                    <option selected="" disabled="">请选择</option>
                                                    <option>家庭原因</option>
                                                    <option>个人原因</option>
                                                    <option>发展原因</option>
                                                    <option>合同到期不续签</option>
                                                    <option>其他</option>
                                                </select>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label>离职原因备注</label>
                                                <textarea class="form-control" id="Reasons-Leaving" rows="5"
                                                          placeholder="请输入..."></textarea>
                                            </div>

                                            <div class="form-group"
                                                 style="margin-top: 6%;width: 100%;border: #E8E8E8 solid 0.5px;"></div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <label><h4>流程</h4></label>
                                            </div>

                                            <div class="form-group" style="margin-top: 2%;">
                                                <ul class="iq-timeline">
                                                    <li>
                                                        <div class="timeline-dots"></div>
                                                        <h6 class="float-left mb-1">审批人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择审批人</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="timeline-dots border-success"></div>
                                                        <h6 class="float-left mb-1">抄送人</h6>
                                                        <small class="float-right mt-1"><i
                                                                class="iconfont icon-tianjia"></i></small>
                                                        <div class="d-inline-block w-100">
                                                            <p>请选择抄送人</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary" data-dismiss="modal">发送
                                            </button>
                                            <button type="button" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </p>
                            <div style="border: #E8E8E8 solid 0.1px;width: 100%;"></div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="home-three" role="tabpanel" aria-labelledby="home-tab-three"
                         style="height: 80%;">
                        <div class="form-group" style="width: 35%;">
                            <label style="display: inline-block;text-align: right;">类型:</label>
                            <select class="form-control form-control-sm mb-3"
                                    style="display: inline-block;width: 60%;margin-left: 5%;">
                                <option selected="">全部</option>
                                <option value="1">请假</option>
                                <option value="2">报销</option>
                                <option value="3">其他</option>
                            </select>
                        </div>
                        <p></p>
                        <div style="height: 100%;overflow: auto;">
                            <table class="table">
                                <thead>
                                <tr style="background: #E8E8E8;color: #696969;">
                                    <th scope="col">标题</th>
                                    <th scope="col">摘要</th>
                                    <th scope="col">发起人</th>
                                    <th scope="col">发起时间</th>
                                    <th scope="col">完成时间</th>
                                    <th scope="col">流程状态</th>
                                </tr>
                                </thead>
                                <tbody style="overflow: auto">
                                <tr>
                                    <th style="color: #696969;">xxx的请假</th>
                                    <td style="color: #A9A9A9;"><p>请假类型：事假</p>
                                        <p>开始时间：2021-08-05 09:30</p>
                                        <p>结束时间：2021-08-05 18:30</p></td>
                                    <td style="color: #A9A9A9;">xxx</td>
                                    <td style="color: #A9A9A9;">2021-08-04 14:12</td>
                                    <td style="color: #A9A9A9;">2021-08-04 16:12</td>
                                    <td style="color: #A9A9A9;">审批通过</td>
                                </tr>
                                <tr>
                                    <th style="color: #696969;">xxx的请假</th>
                                    <td style="color: #A9A9A9;"><p>请假类型：事假</p>
                                        <p>开始时间：2021-08-05 09:30</p>
                                        <p>结束时间：2021-08-05 18:30</p></td>
                                    <td style="color: #A9A9A9;">xxx</td>
                                    <td style="color: #A9A9A9;">2021-08-04 14:12</td>
                                    <td style="color: #A9A9A9;">2021-08-04 16:12</td>
                                    <td style="color: #A9A9A9;">以驳回</td>
                                </tr>
                                <tr>
                                    <th style="color: #696969;">xxx的请假</th>
                                    <td style="color: #A9A9A9;"><p>请假类型：事假</p>
                                        <p>开始时间：2021-08-05 09:30</p>
                                        <p>结束时间：2021-08-05 18:30</p></td>
                                    <td style="color: #A9A9A9;">xxx</td>
                                    <td style="color: #A9A9A9;">2021-08-04 14:12</td>
                                    <td style="color: #A9A9A9;">2021-08-04 16:12</td>
                                    <td style="color: #A9A9A9;">已修改</td>
                                </tr>
                                <tr>
                                    <th style="color: #696969;">xxx的请假</th>
                                    <td style="color: #A9A9A9;"><p>请假类型：事假</p>
                                        <p>开始时间：2021-08-05 09:30</p>
                                        <p>结束时间：2021-08-05 18:30</p></td>
                                    <td style="color: #A9A9A9;">xxx</td>
                                    <td style="color: #A9A9A9;">2021-08-04 14:12</td>
                                    <td style="color: #A9A9A9;">2021-08-04 16:12</td>
                                    <td style="color: #A9A9A9;">审批通过</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="profile-three" role="tabpanel"
                         aria-labelledby="profile-tab-three" style="height: 80%;">
                        <div class="form-group" style="width: 35%;">
                            <label style="display: inline-block;text-align: right;">类型:</label>
                            <select class="form-control form-control-sm mb-3"
                                    style="display: inline-block;width: 60%;margin-left: 5%;">
                                <option selected="">全部</option>
                                <option value="1">请假</option>
                                <option value="2">报销</option>
                                <option value="3">其他</option>
                            </select>
                        </div>
                        <div style="text-align: center;">
                            <img src="../../static/public_file/images/page-img/11.jpg" class="img-fluid" alt="">
                            <p style="text-align: center;">没有待审批申请</p>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="contact-three" role="tabpanel"
                         aria-labelledby="contact-tab-three" style="height: 80%;">
                        <div class="form-group" style="width: 35%;">
                            <label style="display: inline-block;text-align: right;">类型:</label>
                            <select class="form-control form-control-sm mb-3"
                                    style="display: inline-block;width: 60%;margin-left: 5%;">
                                <option selected="">全部</option>
                                <option value="1">请假</option>
                                <option value="2">报销</option>
                                <option value="3">其他</option>
                            </select>
                        </div>
                        <div style="text-align: center;">
                            <img src="../../static/public_file/images/page-img/11.jpg" class="img-fluid" alt="">
                            <p>没有已处理申请</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}



